html
{
	margin:0;
	padding:0;
}

body
{
	#background: #DDD;
	color: #333;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../images/page_bg.gif);
	margin:0px;
	padding: 0px;
}

#p1{
	color: black;
	font-weight: bold;
	font-family: Chiller;
	font-size: 60px;	
}

#p2{
	color: black;
	font-family: Mistral;
	font-size: 20px;	
}


a { color: #D82B00; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }

/** HEADER */

#header-wrapper
{
	overflow: hidden;
	background: #FFF;
	width: 1000px;
	margin: 0px auto;
}

#header
{
	overflow: hidden;
	height: 150px;
	background: #D82B00 url(../images/header.png) bottom repeat-x;
	width: 970px;
	height: 125px;
	margin:0 15px 0 15px;
	display: block;
}


	#header #left {
			float: left;
			width: 500px;
			height: 125px;	

	}

		#header #left #img {
				display: block;
		}

	#header #right {
			float: left;		
			width: 465px;
			height: 125px;
			text-align:right;
			color: #FFF;
			#margin: 105px 0px 0px 0px;		

	}
	
		#header #right #top {
				float: left;		
				width: 100%;
				height: 50%;
				text-align:right;
				color: #FFF;
				margin: 5px 0px 0px 0px;		

		}
		
		#header #right #bottom {
				float: left;		
				width: 100%;
				height: 50%;
				text-align:right;
				color: #FFF;
				vertical-align: bottom;
				margin: 35px 0px 0px 0px;		

		}

#subheader
{
	position:relative;
	height: 150px;
	background: black;
	width: 960px;
	height: 18px;
	margin:0 15px 0 15px;
	display: block;
	text-align: right;
	padding : 5px;
	color: #FFF;
	padding : 5px;
}


/* menu */

#menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

	#menu ul li{
		position: relative;
		float: none;
		width: 150px; /*supaya menu rapih*/
	}

	#menu li ul{
		position: relative;
		display: none;
	}

	#menu ul li a{
	display: block;
	text-decoration: none;
	margin : 5px 5px 5px 5px;
	line-height: 20px;
	color: #000000;
	border-bottom: 1px solid #DDD;
	padding: 6px;
	background: #EEE;
	margin: 0;
	text-align: left;

	}

	#menu ul li a:hover, a:active{
		background: #808080;
	}

	#menu li:hover ul, li.hover ul{
		display: block;
	}


/* Main Styles */

#container
{
	overflow: hidden;
	background: #FFF;
	width: 1000px;
	margin: 0px auto;
	
	
}
	
	#errorcont
		{
			margin-top:10px;
			width: 954px;
			background: red;
			line-height: 22px;	
			margin:15px;
			padding-left: 15px;
		}
		
	#maincont
	{
		//margin-top:10px;
		width: 969px;
		min-height: 450px;
		line-height: 22px;	
		#border: 1px solid #e5e5e5;
		margin:15px;
		
	}
			
		#maincont #top
			{
			float: left;
			width: 953px;
			padding: 5px;
			font-weight: bold;
			font-size: 13px;
			margin: 15px;
			text-decoration: underline
			
		
			}
			
		#maincont #bottom
			{
			float: left;
			width: 953px;
			padding-left: 15px;
			margin:15px;
			min-height:400px;
			padding: 5px;
		
			}
		
			
		#maincont #mainleft
		{
			float: left;
			width: 150px;
			font-size: 12px;
			background: #EEE;
			min-height: 400px;
			border: 1px solid #e5e5e5;
			font-weight: bold;
			
		}
		
			#maincont #mainleft #sidemenu ul
			{
				
				margin: 0;
				padding: 0;
				list-style: none;
			
				
			}
			
			#maincont #mainleft #sidemenu ul li
			{
				position: relative;
				float: none;
				width: 150px;
			}
			
			#maincont #mainleft #sidemenu li ul
			{
				position: relative;
				display: none;
			}
			
			#maincont #mainleft #sidemenu ul li a
			{
				display: block;
				text-decoration:none;
				padding: 6px;
				background: #EEE;
				border-bottom: 1px solid #DDD;
				color: #000000;
				
			}
			
			#maincont #mainleft #sidemenu ul li a:hover
			{
				color: #FFF;
				background: #C0C0C0;
			}
			
			#maincont #mainleft #sidemenu li:hover ul, li.hover ul{
				display: block;
			}
			
					#maincont #mainleft #sidemenu #sub ul
					{
				
						margin: 0;
						padding: 0;
						list-style: none;
					
					}
					
					#maincont #mainleft #sidemenu #sub ul li
					{
						position: relative;
						float: none;
						
					}
					
					#maincont #mainleft #sidemenu #sub li ul
					{
						position: relative;
						display: none;
					}
					
					#maincont #mainleft #sidemenu #sub ul li a
					{
						display: block;
						text-decoration:none;
						padding: 4px;
						background: #EEE;
						border-bottom: 1px solid #DDD;
						color: #000000;
						margin: 10px;
						
					}
					
					#maincont #mainleft #sidemenu #sub ul li a:hover
					{
						color: #FFF;
						background: #C0C0C0;
					}
					
					#maincont #mainleft #sidemenu #sub li:hover ul, li.hover ul{
						display: block;
					}
					
			
					
		#maincont #mainright
		{
			float: left;
			width: 809px;
			min-height:400px;
			padding: 0px 0px 0px 0px;
			margin : 0px 0px 0px 5px;
			border: 1px solid #e5e5e5;
		
		}
			#maincont #mainright #title
			{
			float: left;
			width: 795px;
			padding: 5px;
			font-weight: bold;
			font-size: 13px;
			border-bottom: 1px solid #e5e5e5;
	
			}
			
			#maincont #mainright #title2
			{
			float: left;
			width: 795px;
			padding: 5px;
			text-align: right;
			font-weight: bold;
			font-size: 13px;
	
			}
			#maincont #mainright #body
			{
			float: left;
			position: relative;
			width: 800px;
			padding: 5px 5px 5px 5px;
			padding: 5px;
			
		
			}
		
		
		
	#footercont
	{
		margin: 0 auto;
		width: 820px;
		padding: 20px;
		font-size: 11px;
		color: #777;
		text-align: center;
	}
	
		#footercont #footerleft
		{
			float: left;
			width: 410px;
		}
			
			#footercont #footerleft ul li
			{
				display: inline;
			}
			
			#footercont #footerleft ul li a
			{
				float: left;
				padding: 0 20px 0 0;
				color: #666;
				text-transform: uppercase;
			}
			
			#footercont #footerleft ul li a:hover
			{
				color: #222;
			}

		#footercont #footerright
		{
			float: left;
			width: 410px;
			text-align: right;
		}
label,
input,
select,
textarea {
  font-size: 11px;
  font-family: "Arial", Verdana, Helvetica, sans-serif;
  
}

table {
  border: 1px solid #C1DAD7;
  font-size:11px;
}

table th {
	font-weight: bold;
	color : #4f6b72;
	text-transform : uppercase;
	text-align : left;
	background : #CAE8EA;
}

table td{
	vertical-align: top;
	background : #F5FAFA;
}

table tr{

	background : #F5FAFA;
}



#table2 {
  border: 1px solid #C1DAD7;
  font-size:10px;
}

#table2 th {
	font-weight: bold;
	color : #4f6b72;
	text-transform : uppercase;
	text-align : left;
	background : #CAE8EA;
	border: 1px solid #C1DAD7;
}

#table2 td{
	vertical-align: top;
	background : #F5FAFA;
	border: 1px solid #C1DAD7;
}

#table2 tr{

	background : #F5FAFA;
	border: 1px solid #C1DAD7;
}

#table2 tr:nth-child(odd) td { 
	background-color: #FFF;
	border: 1px solid #C1DAD7;	
}

#tableT{
	//border: 1px solid #CAE8EA;
	
}

#tableT td{
	background : #EEE;
	//border: 1px solid #CAE8EA;
}

#tableT tr{

	background : #EEE;
	//border: 1px solid #CAE8EA;
}


button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
        width:70px;
		height:25px;
		font-size:11px;
}




